<template>
    <div class="game-containe">
        <el-table
            v-loading="loading"
            element-loading-spinner="el-icon-loading"
            border
            size="mini"
            class="small-size-table"
            :data="tableData"
        >
        <el-table-column
            prop="eventId"
            align="center"
            label="账变订单号"
            min-width="300px"
        >
            <template slot-scope="scope">
                {{ scope.row.eventId || '-' }}
            </template>
        </el-table-column>
        <el-table-column
            prop="userName"
            align="center"
            label="会员账号"
            min-width="150px"
        >
            <template slot-scope="scope">
                {{ scope.row.userName || '-' }}
            </template>
        </el-table-column>
        <el-table-column
            prop="merchantName"
            align="center"
            label="所属商户"
            min-width="150px"
        >
            <template slot-scope="scope">
                {{ scope.row.merchantName || '-' }}
            </template>
        </el-table-column>
        <el-table-column
            prop="topProxyName"
            align="center"
            label="总代账号"
            min-width="150px"
        >
            <template slot-scope="scope">
                {{ scope.row.topProxyName || '-' }}
            </template>
        </el-table-column>
        <el-table-column
            prop="parentProxyName"
            align="center"
            label="上级代理"
            min-width="150px"
        >
            <template slot-scope="scope">
                {{ scope.row.parentProxyName || '-' }}
            </template>
        </el-table-column>
        <el-table-column
            prop="windControlName"
            align="center"
            label="风控层级"
            min-width="150px"
        >
            <template slot-scope="scope">
                {{ scope.row.windControlName || '-' }}
            </template>
        </el-table-column>
        <el-table-column
            prop="businessModel"
            align="center"
            label="业务模式"
            min-width="150px"
        >
            <template slot-scope="scope">
                {{ mappingBusinessModel(scope.row.businessModel) || '-' }}
            </template>
        </el-table-column>
        <el-table-column
            prop="accountLockStatus"
            align="center"
            label="账号状态"
            min-width="150px"
        >
            <template slot-scope="scope">
                {{ scope.row.accountLockStatus === 0 ? '未锁定' : '充提锁定'}}
            </template>
        </el-table-column>
        <el-table-column
            prop="walletTypeStr"
            align="center"
            label="钱包类型"
            min-width="150px"
        >
            <template slot-scope="scope">
                {{ scope.row.walletTypeStr || '-' }}
            </template>
        </el-table-column>
        <el-table-column
            prop="bizTypeStr"
            align="center"
            label="业务类型"
            min-width="150px"
        >
            <template slot-scope="scope">
                {{ scope.row.bizTypeStr || '-' }}
            </template>
        </el-table-column>
        <el-table-column
            prop="changeTypeStr"
            align="center"
            label="账变类型"
            min-width="150px"
        >
            <template slot-scope="scope">
                {{ scope.row.changeTypeStr || '-' }}
            </template>
        </el-table-column>
        <el-table-column
            prop="transTypeStr"
            align="center"
            label="收支类型"
            min-width="150px"
        >
            <template slot-scope="scope">
                {{ scope.row.transTypeStr || '-' }}
            </template>
        </el-table-column>
        <el-table-column
            prop="changeBefore"
            align="center"
            label="账变前余额"
            min-width="150px"
        >
            <template slot-scope="scope">
                {{ 
                    handleNumber(
                        'USDT',
                        scope.row.changeBefore,
                    )
                 }}
            </template>
        </el-table-column>
        <el-table-column
            prop="amount"
            align="center"
            label="账变金额"
            min-width="150px"
        >
            <template slot-scope="scope">
                <div :style="handleNumberColor(scope.row.amount)">
                    {{ 
                        handleNumber(
                            'USDT',
                            scope.row.amount,
                            2,
                            true,
                            true
                        )
                    }}
                </div>
            </template>
        </el-table-column>
        <el-table-column
            prop="changeAfter"
            align="center"
            label="账变后余额"
            min-width="150px"
        >
            <template slot-scope="scope">
                {{ 
                    handleNumber(
                        'USDT',
                        scope.row.changeAfter,
                    )
                 }}
            </template>
        </el-table-column>
        <el-table-column
            prop="createdAt"
            align="center"
            label="账变时间"
            min-width="170px"
        >
            <template slot-scope="scope">
                {{ scope.row.createdAt || '-' }}
            </template>
        </el-table-column>
        <el-table-column
            prop="remark"
            align="center"
            label="备注"
            min-width="150px"
        >
            <template slot-scope="scope">
                {{ scope.row.remark || '-' }}
            </template>
        </el-table-column>
    </el-table>
    </div>
   
 </template>
 
 <script>
 import list from '@/mixins/list'
 export default {
     name: 'abnormalBets-table',
     mixins: [list],
     props: {
        tableData: {
            type: Array,
            default: []
        }
     },
     data(){
         return {
             tableData: [],
             parentBetTypes: {},
             parentBetSubTypes: {},
             visible: false
         }
     },
     computed: {
         dayjs() {
             return dayjs
         },
     },
 }
 </script>